<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
	<style>
		.addUser{background-color: red;}
	</style>
	</head>
	<body>
		
		<p  class="" target="_blank">lpy</p>
		<p  class="" target="_blank1">lpy1</p>
		<p  class="" target="_blank2">lpy2</p>
		<p  class="" target="_blank3">lpy3</p>
		<p  class="" target="_blank4">lpy4</p>
		
		<ul>
			<li id="li1">lpy1</li>
			<li id="li2">lpy2</li>
			<li id="li3">lpy3/li>
			<li id="li4">lpy4</li>
			
		</ul>
		<div>
			全选<input class="parentBox" type="checkbox" />
			<div class="children">
				1<input type="checkbox" />
				2<input type="checkbox" />
				3<input type="checkbox" />
				4<input type="checkbox" />
				5<input type="checkbox" />
			</div>
		</div>
		<script src="js/jquery-1.11.3.min.js">
			
		</script>
		<script type="text/javascript">
			

		$("p[target='_blank']").click(function(){
					alert("李培元");
				})
		$("p[target='_blank1']").click(function(){
					alert("李培元1");
				})
		$("p[target='_blank2']").click(function(){
					alert("李培元2");
				})
		$("p[target='_blank3']").click(function(){
					alert("李培元3");
				})
		$("p[target='_blank4']").click(function(){
					alert("李培元4");
				});
				
		$("#li1").before("<li>lzw</li>");
		$("#li3").after("<li>lzw3-1</li>");
		$("#li4").remove();
		$("#li1").addClass("addUser");
		$("#li2").css({
			"color":"red"
		})
		  $(".parentBox").click(function(){
		    	if($(this).is(":checked")){ 
		    	$(".children input[type='checkbox']").prop("checked",true);
		    		//$(".children input[type='checkbox']").attr("checked",true);
		    }else{
		    	$(".children input[type='checkbox']").prop("checked",false);	
		    	}
		    })
		    
		    $(".children input[type='checkbox']").click(function(){
		    	var i=0;
		    	$(".children input[type='checkbox']").each(function(index,item){
		    		if($(this).is(":checked")){
		    			i++;
		    		}
		    	});
		    	if(i==5){
		    		$(".parentBox").prop("checked",true);	
		    	}else{
		    		$(".parentBox").prop("checked",false);	
		    	}
		    })
				
		</script>
	</body>
</html>
